<template>
  <div class="page flex-col">
    <!-- 导航开始 -->
   <Navv nowPath="/homeupdatelog"></Navv>
    <!-- 导航结束 -->





    <div id="page" v-cloak>


      <div class="center item">
        <div class=" space-between itme2">
          <div>


            <img class="a2" src="../../assets/images/a2.png">

          </div>

          <div style="width: 100%">

            <div class="row center" style="margin-top: 200px">
              <div class="row center">
                <div>
                  <img class="gg" style="width: 506px;height: 23px" src="../../assets/images/ligit.png">
                </div>
                <div class="xw">联系我们</div>

                <div>
                  <img class="gg" style="width: 506px;height: 23px" src="../../assets/images/righit.png">
                </div>
              </div>


            </div>

            <div style="margin-top: 80px" class=" center column">


              <div class="titleg"> 我们非常期待与您畅聊一番，共同寻觅那缘分的奇迹</div>

              <div>
                <img style="margin-right: 110px;margin-top: 66px;" class="game" src="../../assets/images/erw.png">



                <img class="game" src="../../assets/images/erw.png">
              </div>

              <div class="row_a_c" style="margin-top: 100px">
                <div class="row_a_c">
                  <img style="width: 40px;height: 32px;;margin-right: 20px" src="../../assets/images/wx.png">
                  <div>
                    微信：wxziod5226
                  </div>
                </div>


                <div style="margin-left: 50px" class="row_a_c">
                  <img style="width: 40px;height: 32px;margin-right: 20px" src="../../assets/images/qq.png">
                  <div>
                    QQ：wxziod5226
                  </div>
                </div>


              </div>


            </div>

          </div>
        </div>
      </div>




      <footer>
        <div id="footer">

          <div class="advice">
            Copyright © 2024 AiDuoYou.cn 智盟社区有限公司
          </div>
        </div>
      </footer>






    </div>

  </div>

</template>






<script>
  import Navv from "@/components/Navv";

  export default {
    name: "Login",
    components: {
      Navv
    },

  };
</script>
<style scoped lang="scss">
  main {
    background: #FCFAEF;
  }

  #page {
    width: 100%;
    background: #FCFAEF;
    z-index: 2000;



    .itme2 {

      width: 65%;
      height: 1000px;
      margin-top: -150px;
      position: relative;
      padding: 50px;


      background: url("../../assets/images/a1.png");
      background-repeat: no-repeat;
      /* 背景不重复显示 */
      background-size: cover;
      /* 横向全部显示，可能部分纵向不显示完整 */
      overflow-x: hidden;
      /* 添加此行来隐藏横向超出的内容 */
    }

    .a2 {
      position: absolute;
      width: 460px;
      height: 428px;
      bottom: 0px;
      right: -10px;
    }


    .gg {
      width: 506px;
      height: 23px;
    }

    .xw {

      font-weight: bold;
      font-size: 36px;
      color: #FFFFFF;
      margin-left: 20px;
      white-space: nowrap;
    }





    .title {

      font-weight: 400;
      font-size: 24px;
      color: #000000;
    }

    .time {

      font-weight: 400;
      font-size: 24px;
      color: #000000;
      margin-bottom: 36px;
    }

    .game {
      width: 138px;
      height: 138px;

    }



    .titleg {
      font-weight: 400;
      font-size: 22px;
      color: #FFFFFF;
      line-height: 60px;
    }

    .timeg {

      font-weight: 400;
      font-size: 22px;
      color: #FFFFFF;
      line-height: 60px;

    }

    .infog {
      font-weight: 400;
      font-size: 20px;
      color: #000000;
      line-height: 36px;

      margin-top: 25px;
    }

    .itme3 {
      width: 65%;
      min-height: 600px;
      margin-top: 180px;
      position: relative;
      padding: 50px;
      margin-bottom: 120px;
      background: url("../../assets/images/a1.png");
      background-repeat: no-repeat;
      /* 背景不重复显示 */
      background-size: cover;
      /* 横向全部显示，可能部分纵向不显示完整 */
    }


  }


  /* 布局 */
  .center {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .row {
    display: flex;
    flex-direction: row;
  }

  //横对齐
  .row_a_c {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .row-flow {
    display: flex;
    flex-flow: row wrap;
  }

  .column {
    display: flex;
    flex-direction: column;
  }

  //竖对齐
  .column_c {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  // 两端对齐
  .space-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  //右对齐
  .justify_content_end {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }


  footer {
    width: 100%;
    height: 70px;
    background: #E38F6A;
    margin-top: 100px;

    #footer {

      .advice {
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        font-weight: 400;
        font-size: 18px;
        color: #000000;

      }
    }
  }
</style>
